<template>
	<s-layout title="收益">
		<view class="content-card ss-flex-col">
			<view class="items ss-flex-row ss-col-center ss-row-left ss-m-t-26">
				<view class="item ss-flex-col ss-col-center ss-row-center" @click="sheep.$router.go('/pages/commission/merchant/income')">
					<view class="img-view ss-flex ss-col-center">
						<image :src="sheep.$url.cdn('/static/income/money.png')" style="width: 80rpx;height:80rpx;"></image>
					</view>
					<view class="label ss-flex ss-col-center ss-m-t-16">我的收益</view>
				</view>
				<view class="item ss-flex-col ss-col-center ss-row-center ss-m-l-40" @click="sheep.$router.go('/pages/merchant/pay_history_list')">
					<view class="img-view ss-flex ss-col-center">
						<image :src="sheep.$url.cdn('/static/income/shop.png')" mode="aspectFit"></image>
					</view>
					<view class="label ss-flex ss-col-center ss-m-t-16">我是商家</view>
				</view>
			</view>
		</view>
		
	</s-layout>	
</template>

<script setup>
	import sheep from '@/sheep';
	import assNavbar from "@/components/ass-navbar.vue"
	import {ref ,reactive, computed, onBeforeMount,nextTick } from 'vue'
	import { onLoad, onShow, onHide } from '@dcloudio/uni-app';
	
</script>

<style lang="scss" scoped>
	.content-card{
		padding-left: 37rpx;;
		margin-top:25rpx;
		margin-left: 24rpx;
		margin-right: 24rpx;
		padding-bottom: 20rpx;
		border-radius: 20rpx;
		background: #FFFFFF;
		.title{
			width:calc(100% - 37rpx);
			margin-top:33rpx;
			width: 128rpx;
			height: 46rpx;
			font-family: Source Han Sans;
			font-size: 32rpx;
			font-weight: bold;
			line-height: normal;
			letter-spacing: normal;
			color: #383838;
		}
		.img-view{
			width:80rpx;
			height:80rpx;
		}
		.label{
			
			width: 112rpx;
			height: 41rpx;
			font-family: Source Han Sans;
			font-size: 28rpx;
			font-weight: normal;
			line-height: normal;
			text-align: center;
			letter-spacing: normal;
			color: #3F3F3F
		}
	}
</style>
